<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <form>
        姓名：<input type="text" placeholder="请输入姓名"><br>
        手机：<input type="tel" name="phone" placeholder="请输入手机号"><br>
        出生年月日：<input type="date" name="borth"><br>
        邮箱：<input type="email" name="emaill" placeholder="请输入电子邮箱"><br>
        <label>性别：</label>
        <input type="radio" id="male" name="gender" value="male" checked>
        <label for="male" checked>男</label>
        <input type="radio" id="male" name="gender" value="male">
        <label for="female">女</label>
        婚姻状态：<select name="marry" id="marry">
            <option value="未婚">未 婚</option>
            <option value="已婚" selected>已 婚</option>
            <option value="丧偶">丧 偶</option>
            <option value="离婚">离 婚</option>
        </select>
        <br>
        爱好：<input type="checkbox" name="hobby" id="read" checked>看书
        <input type="checkbox" name="hobby" id="ball game">打球
        <input type="checkbox" name="hobby" id="run">跑步
        <input type="checkbox" name="hobby" id="game">游戏
        <input type="checkbox" name="hobby" id="movie">看电影
        <br>
        <input type="submit" value="提交">
        <input type="reset" value="重置">

    </form>
    <br>

    <br>
    <from action="">
        <label for="name">姓名：</label>
        <input type="text" id="name" name="name">
        <br>
        <label>性别：</label>
        <input type="radio" id="male" name="gender" value="male" checked>
        <label for="male">男</label>
        <input type="radio" id="male" name="gender" value="male">
        <label for="female">女</label>
        手机：<input type="password" id="phone number" name="phone number">
        <br>
        身份证：<input type="password" id="id card" name="id card">
        <br>
        同行人姓名：<input type="text" id="name of peer" name="name of peer">
        <br>
        车辆号牌：<input type="password" id="vehicle number plate" name="vehicle number plate">
        <br>
        来访日期：<input type="texe" id="date of visit" name="date of visit">
        <br>
        来访时间：<input type="text" id="time of visit" name="time of visit">
        <br>
        来访原因：<select id="reason for visit" name="reason for visit">
            <option value="public affairs">公务</option>
            <option value="friends">会友</option>
            <option value="play">游玩</option>
            <option value="exam">考试</option>
            <option value="train">培训</option>
        </select>
        <br>
        <textarea cols="30">其他说明</textarea>
        <br>
        <input type="submit" value="提交">
        <input type="reset" value="重置">

    </from>

    <br>

    <br>

    <from>
        <h1>用户注册</h1>
        姓名：<input type="text" placeholder="请输入姓名"><br>
        手机：<input type="tel" name="phone" placeholder="请输入手机号"><br>
        出生年月日：<input type="date" name="borth"><br>
        邮箱：<input type="email" name="emaill" placeholder="请输入电子邮箱"><br>
        <label>性别：</label>
        <input type="radio" id="male" name="gender" value="male" checked>
        <label for="male" checked>男</label>
        <input type="radio" id="male" name="gender" value="male">
        <label for="female">女</label>
        <br>
        密码：<input type="password" placeholder="请输入密码"><br>
        <br>
        <a href="./注册成功.html">注册</a>
        <input type="reset" value="重置">
    </from>
</body>

</html>